@import 'origin.less';
@import 'fnList.less';

header .data-header{
    .width();
    height:0.44rem;
    background:#1448AE; 
    .flex();
    .flex-justify();
    align-items:center;
    padding:0 0.21rem;
    font-size:0.16rem;
    color:#fff;
    .data-header-return{
        width:0.09rem;
        height:0.17rem;
        background:url("../images/icon/sprites.png") -0.52rem -0.13rem;
        background-size:3.75rem 4.25rem;
        
    }
    span:first-of-type{
        letter-spacing:0.02rem;
    }
    span:last-of-type{
        font-size:0.12rem;
    }
}

section{
    .data-sec-head{
        .width();
        height:352px;
        background: #EEEEEE;
        .mbsc-mobiscroll .mbsc-fr-w{
            background:#fff;
        }
        .mbsc-cal-anim {
            width: 100%;
        }
    
        .mbsc-cal-hl-now {
            width: 100% !important;
        }
    }
    
    .data-sec-main{
        .main-ul{
            font-size:0.16rem;
            padding:0 0.23rem;
            border-bottom:1px solid lightgrey;
            li{
                display:flex;
                height:0.55rem;
                justify-content: space-between;
                align-items:center;
                border-bottom:1px solid lightgrey;
                .person{
                    .price{
                        margin-left:0.13rem;
                        color:#F88412;
                    }
                } 
                .btn-group{
                    display:flex;
                    .btn{
                        display:block;
                        border:1px solid rgba(204, 204, 204, 1);
                        width:0.3rem;
                        height:0.3rem;
                        line-height:0.28rem;
                        text-align:center;
                        cursor: pointer;
                    }
                    .btn.manNum{
                        width:0.4rem;
                        background: #e5e5e5;
                    }
                    
                }
                p{
                    input{
                        margin-right:0.1rem;
                    }
                }
            }
            li:last-of-type{
                // display:flex;
                // align-items: flex-start;
                padding:0.3rem 0.03rem;
                font-size:0.12rem;
                // height:0.63rem;
                border:none;
                div{
                    display:flex;
                    align-items: flex-start;
                    
                }
                div p {
                    img{
                        width:0.13rem;
                        height:0.13rem;
                        margin-right:0.07rem;
                    }
                    .text-warning{
                        color:#F88412;
                    }
                }
            }
        }
    }
    .data-sec-footer{
        width:100%;
        height:0.5rem;
        line-height:0.5rem;
        font-size:0.14rem;
        display:flex;
        text-align:center;
        .total-content{
            width:53%;
            height:100%;
            color:#F88412;
            .total{
                font-size:0.16rem;
                font-weight:bold;
                margin-right:0.15rem;
                display:inline-block;
                width:0.5rem;
                height:0.2rem;
            }
        }
        .resource{
            width:47%;
            height:100%;
            font-size:0.19rem;
            background:#F1A30F;
            a{
                color:#fff;
            }
            span{
                font-size:0.15rem;
                margin-left:0.06rem;
            }
            
        }
    }
}

